import styled from 'styled-components'

// 列表
// 精品菜系
export const ListBox = styled.div`
    padding-left: .1rem;
  >h1 {
    height: .5rem;
    line-height: .6rem;
    padding-left: .15rem;
    color: #666;
    padding-left: 0;
  }
  >div {
    display: flex;
    flex-wrap: wrap;
    >dl {
      width: calc(50% - 0.1rem);
      background: #fff;
      margin-right: .1rem;
      margin-bottom: .1rem;
      dt {
        img {
          width: 100%;
        }
      }
      dd {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: .1rem;
        h3 {
          font-size: .16rem;
        }
        p {
          font-size: .12rem;
          color: #666;
        }
      }
    }
}
`